/* 
    Document   : nav
    Created on : 27 mars 2013, 12:11:32
    Author     : ali
    Description:
        Purpose of the stylesheet follows.
*/

 * {
            margin:0;
            padding:0;
            border:0px none #FFFFFF;
        }

        * html ul ul li {
            margin-bottom:-1px;
        }

        * html ul ul li a, * html ul li a {
            height:100%;
        }

       

        body {
           
            
            color:#F0F0F0;
            font-family:'Lucida Grande','Segoe UI',Arial,Helvetica,sans-serif;
            font-size:85%;
            line-height:140%;
        }

  

        h1 {
            margin:1em 0 0.5em 0;
            display:block;
            font-weight:normal;
              font-family: black;
           
        }

        h2 {
            border-top:1px solid #F0F0F0;
            padding-top:0.5em;
            margin:1em 0 1em 0;
            display:block;
            font-weight:normal;
          
        }

       

        /* Styles for Example #1 */
        #example1 {
            margin:0;
            padding:0;
            width:241px;
            list-style-type:none;
            line-height:120%;
        }

        #example1 .closed {
            background-image:url(ha-down.gif);
        }

        #example1 .closed, #example1 .opened {
            padding-right:10px;
            background-position:98% 50%;
            background-repeat:no-repeat;
            color:#FF6;
        }

        #example1 .header {
            background-color:#7B7B7B;
        }

        #example1 .opened {
            background-image:url(ha-up.gif);
        }

        #example1 a {
            display:block;
            font-weight:bold;
            text-decoration:none;
        }

        #example1 a.hover {
            border-top:1px solid #5F5F5F;
            border-bottom:1px solid #7B7B7B;
            background-color:#7B7B7B;
            color:#FFFFFF;
        }

        #example1 ul {
            overflow: hidden;
            margin:0;
            padding:0;
        }

        #example1 li {
            margin:0;
            padding:0;
            list-style-type:none;
            background-color:Silver;
            color:#FFFFFF;
        }

        #example1 li a {
            padding:2px 10px 2px 4px;
            border-top:1px solid #9A9A9A;
            border-left:1px solid #9A9A9A;
            border-right:1px solid #696969;
            border-bottom:1px solid #757575;
            background-color:#848484;
            color:#FFFFFF;
        }

        #example1 li.active a, #example1 li li.active a {
            border-top:1px solid #5F5F5F;
            border-bottom:1px solid #7B7B7B;
            border-left:1px solid #757575;
            border-right:1px solid #9A9A9A;
            background-color:#404040;
            color:#FFFFFF;
        }

        #example1 li.active li a, #example1 li li a {
            padding:2px 4px 2px 8px;
            border-top:1px solid #696969;
            border-left:1px solid #696969;
            border-right:1px solid #8A8A8A;
            border-bottom:1px solid #7B7B7B;
            background-color:#757575;
            color:#FFFFFF;
        }
        
           nav
          {
          display:inline-block;
          min-width:240px;
          background-color:Silver;
          float:left;
          
          height:50%;
          margin:0px;
          min-height:800px;
          position:relative;
          
          
          width: 150px;
          border-top: 1px solid #999;
          border-right: 1px solid #999;
          border-left: 1px solid #999;
          
          
          
          }
          
         
          
          #example1 li a:hover, #example1 li a.active {
            background: #999;
             color: #fff;
            }
          
          
          .lien:link{color: #ff3333;}
        .lien:visited{color: #330000;}
        .lien:active{color: #ff0000;}
        .lien:hover{color: #ffaa00;}
